<template>
  <div>
    <h1 @click="add">{{ count }}</h1>
  </div>
</template>

<script>
export default {
  name: "Count",
  data() {
    return {
      count: 0,
      color: 'red'
    }
  },
  mounted: {
    add() {
      this.count++
      this.color = Math.random() > 0.5 ? "blue" : "red"
    }
  }
}
</script>

<style scoped>

</style>


<style scoped>
h1 {
  color: v-bind(color);
}
</style>>
